<template>
  <div class="main-layout">
    <!-- 左侧导航栏 -->
    <Sidebar />
    
    <!-- 主内容区域 -->
    <div class="content-area">
      <router-view />
    </div>
  </div>
</template>

<script>
import Sidebar from '../components/Sidebar.vue'

export default {
  name: 'MainLayout',
  components: {
    Sidebar
  }
}
</script>

<style scoped>
.main-layout {
  display: flex;
  height: 100vh;
  background: #fff;
  overflow: hidden;
}

.content-area {
  flex: 1;
  overflow: auto;
}
</style>
